<!--
	Author: EJS
	This file loads an RPDroid game.
-->
<!DOCTYPE html>
<html>
	<head>
	<meta charset=utf-8 />
	<link rel="stylesheet/less" type="text/css" href="style.less">
	<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
	<script src="scripts/less.js" type="text/javascript"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
	<script src="scripts/rpdroid_adventure.js" type="text/javascript"></script>
	<script src="game/game.js" type="text/javascript"></script>
	<script src="scripts/main.js" type="text/javascript"></script>
	<title>RPDroid</title>
</head>
<body>
	<div id="popup"></div>
	<div id="container">
		<div id="top">
			<span id="screenTitle"></span>
			<img id="worldmap" class="icon" src="img/worldmap.png"></img>
			<img id="save" class="icon" src="img/save.png"></img>
			<img id="journal" class="icon" src="img/journal.png"></img>
			<img id="inventory" class="icon" src="img/inventory.png"></img>
			<img id="progression" class="icon" src="img/progression.png"></img>
			<div id="currentProgression" class="icon"></div>
		</div>
		<div id="graphics">
			<img id="mainImg" usemap="#mainImgMap"></img>
			<map name="mainImgMap" id="mainImgMap"></map>
		</div>
		<div id="messages">
			<div id="question"></div>
			<div id="textAnswers">
				<ul></ul>
			</div>
		</div>
	</div>
	<audio id="gameBackgroundMusic" loop="loop" autoplay="autoplay">
		<source type="audio/mp3">Your browser does not support the audio tag.</source>
	</audio>
	<audio id="screenBackgroundMusic" loop="loop" autoplay="autoplay">
		<source type="audio/mp3">Your browser does not support the audio tag.</source>
	</audio>
	<audio id="screenSound" autoplay="autoplay">
		<source type="audio/mp3">Your browser does not support the audio tag.</source>
	</audio>
</body>
</html>